const vm=Vue.createApp({
    data(){
        return {
            blogs:[],
            currentPage:1,
            pageSize:10,
            pages:0
        }
    },
    mounted(){
        this.loadBlogs()
    },
    methods:{
        loadBlogs(){
            axios.get("getYear").then(res=>{
                console.log(res.data)
                this.blogs=res.data;
            })
        },
        //分页后动态加载数据
        loadMore(year){
            //blogs是数组,找到自己点的年份的数组长度
            this.blogs.forEach((item)=>{
                if (item.year==year){
                    //判断如果第一次点击加载更多,当前页设置为1
                    if (item.blogPages.records.length==this.pageSize){
                         this.currentPage=1;
                    }
                }
            })
            this.currentPage++;
           axios.get("loadMore/"+this.currentPage+"/"+this.pageSize+"/"+year).then(res=>{
               // this.blogs.blogPages.records.concat(res.data.records)
               // this.currentPage=res.data.current
               // this.pages=res.data.pages
               this.blogs.forEach((item)=>{
                 if (item.year==year){
                  item.blogPages.records.push.apply(item.blogPages.records,res.data)
               }
             })

           })

        }
    }
}).mount("#app")